<!--
 * @Description: 招聘-入职情况
 * @Author: rcc
 * @Date: 2024-08-13 17:06:53
 * @FilePath: /rc-recruitment/pages/office/employment/employment.vue
-->

<template>
	<view class="p-h24">
		<view class="m-t40 text-700-130">共 6 条</view>

		<view class="flex m-t20 p-a20 bg-1 r-10" v-for="index in 10" :key="index">
			<image class="square-108 r-10" src="https://cdn.uviewui.com/uview/swiper/swiper1.png" mode="aspectFill"></image>

			<view class="flex-1 flex-d-sb h-108 m-l20">
				<view class="flex">
					<text class="text-700-130">刘鑫</text>
					<text class="flex-1 p-h20 text-400-326">女 | 20岁</text>
					<text class="text-700-530">服务员</text>
				</view>
				<view class="flex">
					<view class="tag text-400-324">已入职</view>
					<view class="tag text-400-324">未入职</view>
					<view class="tag text-400-324 tag-el">已离职</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script lang="ts" setup></script>

<style lang="scss" scoped>
	page {
		background-color: $page-color-4;
	}

	.tag {
		width: 128rpx;
		height: 46rpx;
		margin-right: 10rpx;
		line-height: 46rpx;
		text-align: center;
		border-radius: 4rpx;
		border: 1rpx solid #BBBBBB;
		opacity: 0.6;
	}

	.tag-el {
		opacity: 1;
	}
</style>